<template>
  <div id="empty" class="card">
    <h1>🚧施工中🚧</h1>
    <el-empty
      description="暂无内容"
      image-size="11vw"

    >
      <el-popover
        placement="top"
        title="哎呀！你干嘛"
        :width="200"
        trigger="click"
        content="不是叫你别点我吗"
      >
        <template #reference>
          <el-button type="primary" @click="click">别点我</el-button>
        </template>
      </el-popover>
    </el-empty>
  </div>
</template>
  
<script>
export default {
  methods: {
    click(){

    }
  }
};
</script>
  
  <style scoped>
h1 {
  font-size: 3vh;
}
#empty {
  height: 51vh;
  width: 27vw;
  padding: 20px;
}
</style>